<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/js/jquery.validate.js" ></script>
<script type="text/javascript">
	jQuery(document).ready(function(){
		// validate signup form on keyup and submit
	    jQuery("#recharge").validate({
	        rules: {
	            'data[bkcard_code]': {
	                required: true,
	                maxlength: 12
	            },
		        'data[retype_bkcard_code]': {
		        	equalTo: "#bkcard_code"
		        },
		        'data[captcha]': "required"
	        },
	        messages: {
	            'data[bkcard_code]': "",
		        'data[retype_bkcard_code]': "",
		        'data[captcha]': ""
	        }
	    });
	});

//	function submitForm() {
//		jQuery("#recharge").submit();
//	}
	
</script>

<div id="content">	
	<div id="menu-nav-content">
		<div id="menu-nav-content-l"></div>
		<div id="menu-nav-content-r"></div>
		<div id="menu-nav-content-c">
			<div id="menu-nav-content-main">
				<ul>
					<li style="display:block" class="active "><a href=""><span>TÀI KHOẢN BKPAY.VN</span></a></li>
				</ul>
			</div>
			<div id="menu-nav-content-sub">
				<ul>
					<li style="display:block" class=""><a href="{{$APP_BASE_URL}}transaction/index/manage"><span>Quản trị giao dịch</span></a></li>
					<li style="display:block" class="active"><a href="#"><span>Nạp tiền</span></a></li>
					<li style="display:block" class=""><a href="{{$APP_BASE_URL}}transaction/index/withdraw"><span>Rút tiền</span></a></li>
					<li style="display:block" class=""><a href="{{$APP_BASE_URL}}transaction/index/transfer"><span>Chuyển tiền</span></a></li>
				</ul>
			</div>
		</div>
	</div>
		
	<div id="title">
		<span class="yel">Nạp tiền</span>
	</div>
	
	<!-- HELPER BAR -->
	{{sticker name=helper_bar}}
	<!-- END HELPER BAR -->
	
	<form id="recharge" name="recharge" method="post" action="">
	<div id="th-l">
		<div style="width:698px;" id="transaction-history" class="box-content-square">
			
			<div class="box-content-square-content" id="data-grid">
				<table width="100%" cellspacing="0" cellpadding="0" border="0">
					<tbody>
                        <tr >
                        	<td style="width:100px;padding-left:20px;font-weight: bold;text-align:right;">Mã thẻ:</td><td><input type="text" name="data[bkcard_code]" id="bkcard_code" /></td>
                        </tr>
                        <tr>
                        	<td style="width:100px;padding-left:20px;font-weight: bold;text-align:right;">Xác nhận mã thẻ:</td><td><input type="text" name="data[retype_bkcard_code]" id="retype_bkcard_code" /></td>
                        </tr>
                        <tr>
							<td style="width:100px;padding-left:20px;font-weight: bold;text-align:right;"><span class="required">*</span>Mã an toàn:</td>
							<td><input name="data[captcha]" type="text" value="" style="width:80px;" /><img src="{{$LAYOUT_HELPER_URL}}front/captcha/create_image.php?r={{$randomNumber}}" id="verify_image" align="absmiddle" style="margin-left:10px;"></td>
					  	</tr>	
                        <tr>
                        	<td style="width:100px;padding-left:20px;">&nbsp;</td><td><input type="submit" name="submit" value="Nạp tiền"/></td>
                        </tr>
					</tbody>			
				  </table>
			</div>
		</div>
	</div>
	</form>
</div>